<!-- 见证任务主页 -->
<template>
  <div>
    <!-- 切换页签保持原有数据 -->
    <template  v-if="$route.meta.keepAlive">
      <TabMenu :tab-list="tabList" />
      <keep-alive>
        <router-view ></router-view>
      </keep-alive>
    </template>

    <router-view v-else></router-view>
  </div>
</template>
<script>
  // 这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
  import TabMenu from "../../../components/layout/components/tabMenu.vue";
  export default {
    // 引入组件
    components: {
      TabMenu
    },
    props: {},
    data() {
      // 这里存放数据
      return {
        activeName: "Witnessing",
        tabList: [
          {
            path: "/WitnessTask/Witnessing",
            title: "见证中"
          },
          {
            path: "/WitnessTask/StopWitness",
            title: "暂停见证"
          },
          {
            path: "/WitnessTask/ToWitness",
            title: "待见证"
          },
          {
            path: "/WitnessTask/HaveWitnessed",
            title: "已完成"
          }
        ]
      };
    },
    // 监听属性 类似于data概念
    computed: {
      // nettyPendData() {
      //   return this.$websocketNettyPend.getters.pendData;
      // }
    },
    // 监控data中的数据变化
    watch: {
      // nettyPendData: {
      //   handler(newVal) {
      //     console.log("addtask netty ws消息变化===============nettyPendData=", newVal);
      //     if (!newVal || !newVal.data) {
      //       return;
      //     }
      //     console.log("newVal.witnessRecordList", newVal.witnessRecordList);
      //     // 每次处理1个项目的待定
      //     Object.keys(newVal.data).forEach((key) => {
      //       this.tableData.forEach((item, index) => {
      //         if (item.data.projectCode === newVal.data[key].projectCode) {
      //           item.data.bidSubTaskInfoList.forEach((itemB, indexB) => {
      //             if (itemB.bidSectionCode === newVal.data[key].bidSectionCode) {
      //               item.data.bidSubTaskInfoList.splice(indexB, 1);
      //             }
      //           });
      //           if (!item.data.bidSubTaskInfoList.length) {
      //             this.tableData.splice(index, 1);
      //           }
      //         }
      //       });
      //     });
      //     // 见证中、暂停见证、待见证、已完成 需要分别处理
      //     console.log("this.topTaskAllData===s", this.topTaskAllData);
      //   },
      //   immediate: true
      // }
    },
    // 生命周期 - 创建完成（可以访问当前this实例）
    created() {},
    // 生命周期 - 挂载完成（可以访问DOM元素）
    mounted() {},
    // 生命周期 - 销毁之前
    beforeDestroy() {},
    // 生命周期 - 销毁完成
    destroyed() {},
    // 如果页面有keep-alive缓存功能，这个函数会触发
    activated() {},
    // 方法集合
    methods: {
      handleSelect() {}
    }
  };
</script>
<style lang="scss" scoped></style>
